<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

	<title> 数据构造  </title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Use the correct meta names below for your web application
		 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
		 
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">-->
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" type="text/css" media="screen" href="css/common.css">
	<!-- Basic Styles -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
	<!-- <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css"> -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">

	<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
    
	<!-- G7 fix -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/demo-increase.css">
    
	<!-- SmartAdmin RTL Support is under construction
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->
	<!-- daterangepicker Styles  -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/daterangepicker-bs3.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css">
			<link rel="stylesheet" href="css/bootstrap-select.css">
		<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css" /> 
	<!--<link rel="stylesheet" type="text/css" media="screen" href="js/plugin/splite/split-pane.css"> -->
	<!-- FAVICONS -->
	<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
	<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">
	
    <link rel="stylesheet" type="text/css" href="tablefix/css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/manhuaTip.1.0.css">
	<style type="text/css">
	   .bootstrap-select > .btn{
	    	height: 30px;
	    }
	    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
		    width: 180px !important;
		}
    	div.dataTables_filter {
		    position: static !important;
		}
	</style>
</head>
<body>

<section id="widget-grid" class="">
	<!-- row -->
	<div class="row" id="allTaskBox">
		<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" style="min-height:500px">
					
					<header>
						<span class="widget-icon"> <i class="fa fa-table"></i> </span>
						<h2> 数据构造 </h2>
					</header>
					<!-- widget div-->
					<div role="content">
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
						</div>
						<!-- end widget edit box -->
						<!-- widget content -->
						<div class="widget-body no-padding">
							<!-- 自定义搜索区 -->
							<div class="widget-body-toolbar" style="height:120px;overflow:hidden;">
								<div role="form" class="smart-form">
									<div class="pull-left global-search-box2">
										<div id="type" style="float:left">
											<section class="pull-left no-padding col" >
												<label class="">选择数据构造类型</label>
												
												<label class="input">
												<select id="selectTable" class="input-sm" style="width:100%" onchange="selectDataProviderType();">
												  <option value ="rocketMQ"  selected="selected">rocketMQ</option>
												  <option value ="mongoDB" >mongoDB</option>
												  <option value ="HBase" >HBase</option>
												   <option value ="MQTT" >MQTT</option>
												</select>
												</label>
	                                        </section>
										</div> 											
	                                        <div id = "params" style="float: left">                                        			                                       
	                                        </div>
	                                        <div id = "HBase_params" style="display: none" disabled="disabled">
	                                    			<section class="pull-left no-padding col pull-width120" >
														<label id="input_info1">请选择hbase</label>
														
														<label class="input">
															<select id="hbaseselect" class="input-sm" style="width:100%" onchange="initTables();">
															</select>
														</label>
													</section>
													<section class="pull-left no-padding col pull-width120" >
														<label id="input_info2">请选择table</label>
														
														<label class="input">
															<select id="htableselect" class="input-sm" style="width:100%" onchange="selectrowkey();">
															</select>
														</label>
													</section>
													<div id="hbase_selectrowkey"  style="display: none;float: left;width: 600px">
													
													</div>
													
	                                        	</div>
	                                    	<div id = "rocketMQ_params" style="display: none" disabled="disabled">
	                                    			<section class="pull-left no-padding col pull-width120" >
														<label id="input_info1">请选择导入文件类型</label>
														
														<label class="input">
															<select id="filetype" class="input-sm" style="width:100%" onchange="selectFileType();">
													  			<option value ="excel" selected="selected">excel</option>
													  			<option value ="txt">json格式内容txt</option>
															</select>
														</label>
													</section>
													<section class="pull-left no-padding col pull-width200" >
														<label id="input_info2">请选择导入文件(<a href="profiles/mqexample.xlsx">模板</a>)</label>
														<form id="importMQdata" name="importMQdata" method="POST"
															enctype="multipart/form-data">
															<div class="pull-left global-search-box">
																<input type="file" id="importMQdatafile"  accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" name="fileUpload" value=""
																	size="20" onclick="$('#importMQdatafile').val('');$('#importsheet').html('');filename=''" onchange="mqUploadFile();"/>									
															</div>									
														</form>		
													</section>
													<section id="sheetsection" class="pull-left no-padding col pull-width120" style="display: block;">
														<label id="input_info3">请选择sheet</label>
														
														<label class="input">
															<select id="importsheet" class="input-sm" style="width:100%">
															</select>
														</label>
													</section>
		                                    						
		                                        	 <section class="pull-left no-padding col pull-width120" >
														<label id="input_info4">nameserver地址</label>
														
														<label class="input">
															<input id="nameserver" type="text" name="nameserver" placeholder="" class="input-sm" >
														</label>
													</section>
													<section class="pull-left no-padding col pull-width120" >
														<label id="input_info5">topic</label>
														
														<label class="input">
															<input id="topic" type="text" name="topic" placeholder="" class="input-sm">
														</label>
													</section>
													<section class="pull-left no-padding col pull-width120" >
														<label id="input_info6">tag</label>
														
														<label class="input">
															<input id="tag" type="text" name="tag" placeholder="" class="input-sm">
														</label>
													</section>
													<section class="pull-left no-padding col pull-width120" >
														<label id="input_info7">key(imei)</label>
														
														<label class="input">
															<input id="imei" type="text" name="imei" placeholder="" class="input-sm">
														</label>
													</section>
	                                        	</div>
	                                        <div  style="float: left">
	                                        <section class="pull-left no-padding col">
												<div class="global-search-btn2" style="float: left">
													<a class="btn btn-primary  btn-sm" id="doSearch" type="button" onclick="dataprovider_getData();">查询</a>
										  		</div>
									  		</section>
	                                        </div>
                                        	
								  			<div id = "rocketMQ_params_2" style="display: none">
	                                    			<section class="pull-left no-padding col pull-width120" >
														<label id="input_info_time">请输入时间格式</label>
														
														<div class="select2-container input-sm" id="s2id_truck_id" style="width: 100%;"><a href="javascript:void(0)" id="timeformatalink"  class="select2-choice select2-default" tabindex="-1">   <span id="timeformatspan" class="select2-chosen">请输入时间格式</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow"><b></b></span></a><input class="select2-focusser select2-offscreen" type="text" id="s2id_autogen2"></div>
															<!-- <input id="timestamp" type="text" name="timestamp" placeholder="" class="input-sm" > -->
													</section>
													<section class="pull-left no-padding col">
														<label class="">开始时间(参数替换)</label>
														<label class="input">
														<i class="icon-prepend fa fa-calendar"></i>
															<!-- <input type="text" id="reservation1" class="input-sm"> -->
															<input type="text" class="input-sm" id="starttime" maxlength="40" size=20 readonly="readonly">
															
														</label>
			                                        </section>
			                                        <section class="pull-left no-padding col pull-width120" >
														<label id="input_info_internal">消息时间间隔(s)</label>
														
														<label class="input">
															<input id="timeinternal" type="text" name="timeinternal" placeholder="" class="input-sm" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
														</label>
													</section>
													<section class="pull-left no-padding col pull-width120" >
														<label id="send_info_internal">发送时间间隔(s)</label>
														
														<label class="input">
															<input id="sendinternal" type="text" name="sendinternal" placeholder="" class="input-sm" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
														</label>
													</section>
	                                        </div>
	                                        <div  style="float: left">
		                                        <section class="pull-left no-padding col">
													<div class="global-search-btn2" style="float: left">
														<a class="btn btn-primary  btn-sm" id="doImport" type="button" onclick="dataprovider_importData();">导入数据</a>
											  		</div>
									  			</section>
	                                        </div>
								  			
									</div>
									
								</div>
								<!-- <form style="margin-top: 20px;" action="" method="post" id="form2">
									<input type="submit" id="exportExcel2" name="exportExcel2" value="导出数据"/>
								</form> -->
							</div>
							
						  <div class="row no-margin margin-top-10 margin-bottom-10" >
								<!-- <div class="col-xs-12 col-sm-12">
									<div class="btn-group">
										<a href="#" class="btn btn-default" type="button" id="daochu">导出</a>
									</div>
								</div> -->
							</div>
							<div id="scroll_div" class="table table-hover table-expandable">
								<table id="dt_basic" class="table table-striped table-bordered table-hover has-tickbox" style="width:100%;word-break:break-all; word-wrap:break-all;">
									<thead>
									<tr>
									</tr>
									</thead>
									<tbody id="tbody"> 					
									</tbody>
								</table>
								
							</div>


						</div>
						<!-- end widget content -->
					</div>
					<!-- end widget div -->

				</div>
				<!-- end widget -->
			</article>
		<!-- WIDGET END -->

	</div>

	<!-- end row -->

	<!-- end row -->

</section>
<!-- end widget grid -->
<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>

	<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
	<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->
	<script src="js/plugin/jquery-form/jquery-form.min.js"></script>
	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>

	<!-- CUSTOM NOTIFICATION -->
	<script src="js/notification/SmartNotification.min.js"></script>
	<!-- JARVIS WIDGETS -->
	<script src="js/smartwidgets/jarvis.widget.min.js"></script>

	<!-- EASY PIE CHARTS -->
	<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

	<!-- SPARKLINES -->
	<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

	<!-- JQUERY VALIDATE -->
	<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/plugin/jquery-validate/localization/messages_zh.js"></script>
	
	<!-- JQUERY MASKED INPUT -->
	<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

	<!-- JQUERY UI + Bootstrap Slider -->
	<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

	<!-- browser msie issue fix -->
	<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="js/plugin/smartclick/smartclick.js"></script>

	<script src="js/plugin/splite/split-pane.js"></script>

	<!--<script src="js/plugin/date/moment.js"></script> -->
	<!-- <script src="js/plugin/date/daterangepicker.js"></script> -->

	<!-- JQUERY SELECT2 INPUT -->
	<script src="js/plugin/select2/select2.min.js"></script>
  <script src="js/jquery.dataTables.min.js"></script> 
  <script type="text/javascript" language="javascript" src="js/dataTables.bootstrap.js"></script> 

	<!--[if IE 8]>

	<h1>你的浏览器版本太低，为了您正常使用本系统，请到此处升级浏览器版本 www.microsoft.com/download</h1>

	<![endif]-->

	<!-- Demo purpose only -->
	<script src="js/demo.js"></script>

	<!-- MAIN APP JS FILE -->
	<script src="js/app.js"></script>
	<!-- 表头中英文对照 -->
	<script src="js/zh2ch.js"></script>
	<script src="js/oFixedTable.js"></script>
	
    <script type="text/javascript" src="tablefix/js/jquery.freezeheader.js"></script>
    <script type="text/javascript" src="js/bootstrap/locales/bootstrap-datetimepicker.fr.js"></script> 
    <script type="text/javascript" src="js/bootstrap/bootstrap-datetimepicker.js"></script>  
	<script type="text/javascript" src="js/plugin/iresizer/iframeResizer.contentWindow.min.js"></script> 
	<script src="js/jquery.md5.js"></script>
	<script src="js/common.js"></script>
	<script src="js/hbasecommon.js"></script>
<script src="js/dataprovider.js"></script>

 
<script type="text/javascript">
</script>
<div class="select2-drop select2-display-none select2-with-searchbox select2-drop-active" style="left: 11px; width: 140px; top: 155px; bottom: auto; display: none;" id="select2-drop">   
	<div class="select2-search" style="float: left;width: 65%">       <input id= "timeformattext" type="text" class="select2-input">  </div> 
	<div style="float: left;width: 35%">
		<a class="btn btn-primary  btn-sm doimport"  id="doImport" type="button" onclick="settimeformat();">确定</a>
	</div>
</div>
</body>

</html>